<template>
	<view class="companyDetail" v-if="is_show" :style=" !join_in ? '' : 'background:#fff'">
		<nav-bar :title="is_login ? val[0] : '工厂详情'" :width="true" :bold="true" :size="32" @back="goBack"></nav-bar>
		<view style="padding:20rpx 30rpx;box-sizing:boder-box;max-height:200rpx"
			v-if="is_login && infos.grade != 0 && detailUrl != '/pages/companyDetail/companyDetail?id=' + infos.id && address.detail.status != 1 && infos.id == info.uid">
			<view class="mt10 f12 pd10"
				style="background-color:rgba(255, 0, 0, 0.1);border-radius: 15rpx;box-sizing: border-box;line-height:35rpx;">
				<image class="mr5" style="width:30rpx;vertical-align: text-top;"
					:src="img_path + '/uploads/20240924/172715716866f253b0586ef.png'" mode="widthFix">
				</image>
				<text class="mr5" style="color:#D81E07;font-weight: bold;">建议完善</text>
				检测到这是您的企业主页，完善资料可获得排名和良好的展示
				<!-- <text class="ml10" style="color:#2456BA;text-decoration: underline;">点击完善</text> -->
				<navigator :url="is_login ? '/pages/Factoryinformation/Factoryinformation' : '/pages/login/login'"
					hover-class="none" open-type="navigate"
					style="color:#2456BA;display: inline-block;text-decoration: underline;margin-left: 10rpx;">
					点击完善
				</navigator>
			</view>
		</view>
		<view>
			<view class="companyImg" style="display: flex;">
				<view class="titlImg">
					<view class="" v-if="doorboard">
						<image style="width: 100%;" :src="img_path + doorboard" mode="aspectFill"></image>
					</view>
					<view class="titlImg_center" v-else>
						<view class="df ac" style="justify-content: center;">
							<image style="width:120rpx" src="@/static/icon/qiye_white.png" mode="widthFix" />
						</view>
						<view class="name f16 f500 mt10">
							未上传企业照片
						</view>
					</view>
					<view class="titlImg_up f12" v-if="infos.id == info.uid && is_login"
						@click="goPage('/subPack/renovation/renovation')">装修主页</view>
				</view>
			</view>
			<view
				style="margin-top:-60rpx;border-radius: 30rpx 30rpx 0rpx 0rpx;overflow:hidden;position: relative;background:rgba(0,0,0,0.07)">
				<view class="companyBox" style="margin-bottom: 0;padding: 30rpx 0 30rpx 30rpx;">
					<view style="display: flex;align-items: start;">
						<view class="logoUrl" style="margin-right: 10px;">
							<image :style="logo ? '' : 'width:70%;'" :class=" logo ? '' : 'image_logo' "
								:src=" logo ? img_path + logo : img_path + logoUrl" mode="widthFix"></image>
							<view class="join_year f10 tc" v-if="info && info.userInfo.grade == 2">
								入驻{{ info.year }}年

							</view>
						</view>
						<view class="sanDeng" style="width: 460rpx;margin-right: 10rpx;">
							<view :class="val[0].length<=14 ? 'companyName' : 'companyName2'">{{ val[0] }}</view>
							<view class="mt5 df ac" v-if="info && info.userInfo">
								<!-- 至尊会员 -->
								<view class="df ac mr10"
									v-if="info.userInfo.grade == 2 && info.userInfo.grade_type == 1">
									<image style="height: 40rpx;"
										:src="getImgSrc('/uploads/20250228/174070970167c11f451f7ad.png')"
										mode="heightFix">
									</image>
								</view>
								<!-- 基础会员 -->
								<view class="df ac mr10"
									v-if="info.userInfo.grade == 2 && info.userInfo.grade_type == 0">
									<image style="height: 40rpx;"
										:src="getImgSrc('/uploads/20250228/174070968667c11f3636140.png')"
										mode="heightFix">
									</image>
								</view>
								<view class="df ac" v-if="info.state === 1">
									<image style="height: 54rpx;" src="@/static/icon/gsrz_icon.png" mode="heightFix">
									</image>
								</view>
							</view>
						</view>
					</view>
					<view class="bus_license" @click="ClickImage">
						<image src="@/static/icon/Business_license.png" mode="aspectFill"></image>
					</view>
				</view>
				<view class="df ac f13" style="padding: 0rpx 30rpx 30rpx 30rpx;background-color: #fff;">
					<view class="companyParticulars tc" style="width:25%">
						<view>员工数</view>
						<view class="mt5"> {{staff}}</view>
					</view>
					<view class="companyParticulars tc"
						style="width:35%;border-left:1px solid #D1D1D1;border-right:1px solid #D1D1D1;">
						<view>工厂面积</view>
						<view class="mt5"> {{factory_area}}</view>
					</view>
					<!-- annual_output_value -->
					<view class="tc" style="width:40%">
						<view>年产值</view>
						<view class="mt5"> {{annual_output_value}}</view>
					</view>
				</view>
				<view class="companyBox" style="background-color: #EEF7FE;position: relative;display: block;">
					<map :latitude="latitude" scale="15" :enable-scroll="false" :markers="poiList" style="width: 100%;"
						:longitude="longitude"></map>
					<view class="map_top" @click="getSetting">
						<view class="lookMap f13 cf">查看地图</view>
					</view>
					<view class="df sb">
						<view class="companyParticulars" style="font-weight: bold;color: black;width:62%"
							@click="getSetting">
							{{ province }} · {{city}} |
							{{val[4].replace(new RegExp(`(${province}|${city})`, 'g'), '').trim()  }}{{house_number ? '（'+ house_number +'）' : ''}}
						</view>
						<view class="companyParticulars df f12"
							style="color:#1050c7;width:38%;text-align: right; justify-content: flex-end;align-items: flex-start;"
							v-if="info.distance_in_km" @click="getSetting">
							<view class="df ac">
								<view><uni-icons type="location" color="#1050c7" size="20"></uni-icons></view>
								<view>距您{{ info.distance_in_km}}{{info.unit}}</view>
							</view>
						</view>
					</view>
				</view>
				<view class="companyProduct detailedness_box"
					style="margin-bottom: 15rpx;padding-bottom: 20rpx;position:relative">
					<view>
						<view class="companyProductTitle df ac sb">
							<view class="df ac">
								<image style="width:28rpx;max-height: 28rpx;" src="@/static/icon/product_icon.png"
									mode="widthFix"></image>
								<view class="ml8" style="font-size: 28rpx;color: #707070;font-weight: bold;"> 公司产品
								</view>
							</view>
							<!-- v-if="productList && productList.length != 0" -->
							<view class="f16" v-if="productList && productList.length != 0" style="color:#1050c7;"
								@click="goPage('/subPack/product/externalProduct',id)">查看产品</view>
						</view>
						<view v-if="productList && productList.length != 0" style="width: 100%;overflow: scroll;">
							<view class="companyProductBox"
								:style="'width:'+ 330 * productList.length + 'rpx;min-width:100%;flex-wrap:no-wrap;' ">
								<view class="" v-for="(item,index) in productList" :key="index"
									@click="goPage('/subPack/product/product-details',item.id,info.uid)">
									<view ref="product_img"
										:style="'height:'+ 300 * 0.75 +'rpx;width:100%;min-height:200rpx;'">
										<image v-if="checkType(item.url)" style="height:100%;width:100%"
											:src="img_path + item.url[0]" mode="aspectFill">
										</image>
										<image v-else style="height:100%;width:100%" :src="img_path + item.url"
											mode="aspectFill">
										</image>
									</view>
									<view class="text_con">
										<view class="text_con_title">{{ item.name || ''}}</view>
										<view class="text_desc" style="color: #9C9C9C;">{{ item.machining || ''}}</view>
										<view class="text_desc" style="color: #9C9C9C;">{{ item.material || ''}}</view>

									</view>
								</view>
							</view>
						</view>
						<view class="df ac sc" v-else style="color: #CDCDCD;flex-direction: column;">
							<image style="width: 135rpx;"
								:src="getImgSrc('/uploads/20241023/172965362467186b78c131f.png')" mode="widthFix">
							</image>
							<view class="f16 f500 mt10">
								未上传产品
							</view>
						</view>
					</view>
					<!-- 		<view v-if="!is_login" class="detailedness_box_after"
						style='height:100%;padding-top:0;display:flex;align-items:center'>
						<view class="detailedness_view" style="text-align: center;color:#fff;line-height: 45rpx;">
							需登录后查看
							<view class="detailedness_btn" @click="isLoginIphone()">登录</view>
						</view>
					</view> -->
				</view>
				<view class="companyProduct mb10" style="margin-bottom: 15rpx;padding-bottom: 30rpx;position:relative">
					<view class="detailednessBox">
						<view class="detailednessTitle df ac sb">
							<view class="df ac">
								<image style="width:30rpx;" src="@/static/icon/photo_icon.png" mode="widthFix">
								</image>
								<view class="ml10" style="font-size: 28rpx;color: #707070;font-weight: bold;"> 企业相册
								</view>
							</view>
							<view class="f16" v-if="album_list.length > 0" style="color:#1050c7;"
								@click="goPage('/subPack/companyAlbum/companyAlbum',id)">
								查看工厂照片
							</view>
						</view>
						<!-- album_list.length > 0 -->
						<view v-if="album_list.length > 0 " class="mt10 album_list_box">
							<view class="df" :style="'width:' + 270 * album_list.length + 'rpx;' "
								@click="goPage('/subPack/companyAlbum/companyAlbum',id)">
								<view class="album_list_item mr10" style="width:250rpx;height:250rpx;"
									v-for="(item,index) in album_list" :key="index">

									<image style="width: 100%;height:100%" :src="getImgSrc(item.url)" mode="aspectFill">
									</image>
									<view class="album_list_name f13 f600">
										{{item.name}}
									</view>
								</view>
							</view>
						</view>
						<view v-else class="other_upload_pic sf ac"
							style="flex-direction: column;justify-content:center;">
							<view class="df jc">
								<image style="width: 135rpx;"
									:src="getImgSrc('/uploads/20241109/1731135946672f09ca89b09.png')" mode="widthFix">
								</image>
							</view>
							<view class="f16 f600 mt10" style="color: #CDCDCD;text-align: center;">
								未上传照片
							</view>
						</view>
						<!-- <view class="processingTechnology">
							<view class="processingTechnology_list">
								<view class="processingTechnology_item"> {{totalNumber ? totalNumber : 0}}台 </view>
							</view>
							<view class="arrow_right">
								<image style="width: 25rpx;" src="@/static/icon/right_arrow.png" mode="widthFix"></image>
							</view>
						</view> -->
					</view>

					<!-- 	<view v-if="!is_login" class="detailedness_box_after"
						style='height:100%;padding-top:0;display:flex;align-items:center'>
						<view class="detailedness_view" style="text-align: center;color:#fff;line-height: 45rpx;">
							需登录后查看
							<view class="detailedness_btn" @click="isLoginIphone()">登录</view>
						</view>
					</view> -->
				</view>
				<view class="detailedness_box">
					<view class="detailedness">
						<view class="detailednessBox" @tap="openPopup">
							<view class="detailednessTitle">
								<image src="https://wx.xtwaixie.com/img/list1.png" mode="widthFix"></image>
								<view class=""> 设备清单 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_list">
									<view class="processingTechnology_item"> {{totalNumber ? totalNumber : 0}}台 </view>
								</view>
								<view class="arrow_right">
									<image style="width: 25rpx;" src="@/static/icon/right_arrow.png" mode="widthFix">
									</image>
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://cdn.xtwaixie.com/uploads/20240705/17201768366687d0c4ed3b1.png"
									mode="widthFix">
								</image>
								<view class=""> 工艺 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in machining" :key="index">
									{{ item }}
								</view>
							</view>

						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://wx.xtwaixie.com/img/list2.png" mode="widthFix"></image>
								<view class=""> 可加工材料 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in materials" :key="index">
									{{ item }}
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://wx.xtwaixie.com/img/list3.png" mode="widthFix"></image>
								<view class=""> 资质认证 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in certificate"
									:key="index">
									{{ item }}
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://cdn.xtwaixie.com/uploads/20240705/17201768366687d0c471566.png"
									mode="widthFix">
								</image>
								<view class=""> 行业领域 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in service_industry_name"
									:key="index">
									{{ item }}
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://cdn.xtwaixie.com/uploads/20240705/17201768366687d0c4b1cf5.png"
									mode="widthFix">
								</image>
								<view class="">合作客户</view>
							</view>
							<view class="df ac sb" @click="viewCts">
								<view class="processingTechnology">
									<!-- <view class="processingTechnology_item" v-for="(item,index) in clientinfo"
										:key="index">
										{{ item.name }}
									</view> -->
									<view class="processingTechnology_item">
										{{ clientinfo.length == 0 ? '未提供' : clientinfo.length + '家' }}
									</view>
								</view>
								<view class="arrow_right">
									<image style="width: 25rpx;" src="@/static/icon/right_arrow.png" mode="widthFix">
									</image>
								</view>
							</view>
						</view>
					</view>
					<view class="companyIntro">
						<view class="companyComponents">
							<view class=""></view>
							<view class=""> 公司简介 </view>
						</view>
						<view class="companyCompanyIntroduction">
							<text :class="show ? '' :'text-ellipsis'" @tap="show = true">
								{{ companyIntroduction ? companyIntroduction : '该公司暂未填写简介' }}
							</text>
						</view>
					</view>
				</view>
				<view class="companyProduct" style="padding-bottom: 40rpx;">
					<view class="companyProductTitle"> 工商信息 </view>
					<view class="">

						<view class="Business-Infor">
							<view>
								<view class="Business-title">公司名称</view>
								<view class="Business-Miao">{{basicName}}</view>
							</view>
							<view>
								<view class="Business-title">成立时间</view>
								<view class="Business-Miao">{{basicStartDate?basicStartDate.split(' ')[0]:""}}</view>
							</view>
							<view style="border-bottom: 1px solid gainsboro;">
								<view class="Business-title">注册资本</view>
								<view class="Business-Miao">{{basicRegistCapi ? basicRegistCapi:"-"}}</view>
							</view>
						</view>


						<view class="Business-view" @click="toggleS"> 查看全部介绍 </view>
					</view>
					<view>
						<van-action-sheet :actions=" actions " :show="showS" title="工商信息" @close="showS = false">
							<view class="" style="margin-top: 48px;height: 900rpx;">
								<view class="BusiN-t">
									<view class="Busi-left"> 公司名称 </view>
									<view class="Busi-right"> {{basicName}} </view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 注册地址 </view>
									<view class="Busi-right"> {{basicAddress}} </view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 法定代表人名称 </view>
									<view class="Busi-right">
										{{basicOperName}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 企业类型 </view>
									<view class="Busi-right">
										{{basicEconKind}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 成立时间 </view>
									<view class="Busi-right">
										{{basicStartDate?basicStartDate.split(' ')[0]:""}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 注册资本 </view>
									<view class="Busi-right">
										{{basicRegistCapi ? basicRegistCapi:"-"}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 统一社会信用代码 </view>
									<view class="Busi-right">
										{{basicCreditCode&&basicCreditCode!=null?basicCreditCode:"-"}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 登记状态 </view>
									<view class="Busi-right">
										{{basicStatus&&basicStatus!=null?basicStatus.split("（")[0]:"-"}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 工商注册号 </view>
									<view class="Busi-right">
										{{No&&No!=null?No:"-"}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 经营范围 </view>
									<view class="Busi-right">
										{{basicScope&&basicScope!=null?basicScope:"-"}}
									</view>
								</view>
								<view class="BusiN-t" style="border-bottom:1px solid gainsboro ;margin-bottom: 60rpx;">
									<view class="Busi-left"> 实缴资本 </view>
									<view class="Busi-right">
										{{basicRecCap && basicRecCap!=null ?basicRecCap:"-"}}
									</view>
								</view>
							</view>
						</van-action-sheet>
					</view>
				</view>
				<!-- <view class="product" v-if="gscp">
					<view class="uni-margin-wrap" @click="gscp=false">
						<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
							:interval="interval" :duration="duration">
							<swiper-item v-for="(item,index) in productList" :key="index">
								<image :src="img_path + item.url" mode="aspectFill">
								</image>
								<view class="swipertitile">
									<view class="swiper-item productList-N">{{item.name}}</view>
									<view class="gy text_desc">工艺：{{ item.machining }}</view>
									<view class="cl text_desc">材料：{{ item.material }}</view>
								</view>
							</swiper-item>
						</swiper>
					</view>
				</view> -->
				<view style="height:100rpx"></view>
			</view>
			<!-- :style="info.userInfo.grade != 2 || info.userInfo.grade_type != 1 ? 'justify-content: space-around;' : 'justify-content: space-between;'" -->
			<view class="pd15 mt15 df ac sb nav_bom"
				:style="info.userInfo.grade != 2 ? 'justify-content: space-around;' : 'justify-content: space-between;'"
				v-if="info && info.userInfo" hover-class="none" :hover-stop-propagation="false">
				<button class="f13 share" open-type="share" style="color: #0098E1;height:85rpx;">
					<view style="width:40rpx;height:40rpx;margin-left:7rpx;">
						<image style="width: 40rpx;max-height:48rpx;"
							:src="getImgSrc('/uploads/20241105/1730775520672989e041d88.png')" mode="widthFix" />
					</view>
					<view @tap="getIp" class="">分享</view>
				</button>
				<view class="f13 df ac fc jc" style="color: #0098E1;width: 140rpx;" @click="collect(info.relation)">
					<view>
						<image style="width: 45rpx;max-height:48rpx;"
							:src="info.relation == 0 ? getImgSrc('/uploads/20240930/172766156966fa06014722e.png') : getImgSrc('/uploads/20240930/172766189766fa07497ac38.png')"
							mode="widthFix"></image>

					</view>
					<view class="mt5">{{ info.relation == 0 ?  '收藏该工厂' : '已收藏'}}</view>
				</view>
				<!-- info.is_show_mobile == 1 && info.userInfo.grade === 2 && info.userInfo.grade_type === 1 -->
				<view v-if="info.userInfo.grade == 2" class="df ac btn_bom btn_bom1 ac jc cf" @click="onContact">
					<view class="mr5">
						<image style="width: 35rpx;max-height:35rpx;"
							:src="getImgSrc('/uploads/20241105/173077671167298e878b889.png')" mode="widthFix"></image>
					</view>
					<view class="f14">联系供应商</view>
				</view>
				<view class="btn_bom2 btn_bom df ac jc cf" :style="info.userInfo.grade == 2 ? '' : 'width:420rpx'"
					@click="inquiry">
					<view class="mr5">
						<image style="width: 45rpx;max-height:45rpx;"
							:src="getImgSrc('/uploads/20241105/173077666667298e5aedce0.png')" mode="widthFix"></image>
					</view>
					<view class="f14">在线询价</view>
				</view>
			</view>
		</view>
		<!-- <view class="container" v-else>
			<image style="width: 200rpx;display: block;margin: 350rpx auto 0rpx;"
				:src="getImgSrc('/uploads/20241009/17284478036706053b6a390.png')" mode="widthFix"></image>
			<view class="f600 f18 mt20" style="text-align: center;">
				暂无权限
			</view>
			<view class="f14 mt10" style="text-align: center;color:gray">
				入驻并完善企业资料即可免费开通企业主页
			</view>
			<view class="joinBtn" @click="goPage('/pages/settled/setPage')">
				立即入驻
			</view>
		</view> -->
		<van-popup :show="showInquiry" :round="true" @close="showInquiry = false" :close-on-click-overlay="true"
			position="bottom">
			<Inquiry :info="inquiry_info" @changeName="changeName" @drawing="drawing" @delete="deletes"
				@fileName="fileName" @showToasts="showToasts" @changeRadio="changeRadio" @onSub="onSubInquiry" />
		</van-popup>
		<van-popup :show="showPopup" :round="true" @close="closePopup" :close-on-click-overlay="true" position="bottom">
			<view class="popup_con" style="max-height:60vh;overflow-y: scroll;overflow-x: hidden;">
				<view class="xPopupTitle"> 设备列表 </view>
				<view class="pci_desc">
					<view class="">名称</view>
					<view class="">型号</view>
					<view class="">品牌</view>
					<view class="">数量</view>
				</view>
				<view class="pc_item" v-for="(item,index) in equipmentList" :key="index">
					<view class="pci_desc">
						<view class="item">{{ item.name }}</view>
						<view class="item">{{ item.model }}</view>
						<view class="item">{{ item.brand }}</view>
						<view class="item">{{ item.number }}</view>
					</view>
				</view>
			</view>
		</van-popup>
		<van-popup :show="showClientinfo" :round="true" @close="closePopup" :close-on-click-overlay="true"
			position="bottom">
			<view class="" style="min-height:400rpx;padding:40rpx 30rpx;max-height:60vh">
				<view class="mb10 tc">
					<view class="xPopupTitle"> 合作客户 </view>
				</view>
				<view class="df sb fw">
					<view v-if="clientinfo.length>0">
						<view class="processingTechnology_item" v-for="(item,index) in clientinfo" :key="index">
							{{ item.name }}
						</view>
					</view>
					<view v-else style="font-size:28rpx;text-align:center;flex:1;margin-top:40rpx">
						暂未提供
					</view>
				</view>
			</view>
		</van-popup>

		<view class="preview_box" v-if="is_preview" @click="is_preview = false">
			<view class="preview_item">
				<view class="swiperBox" v-if="preview_list.length!=0">
					<swiper class="swiper-box" :autoplay="false" @change="changeImg" :current="current_index"
						:style="[{height: swiperHeight+ 'px',position:'relative'}]">
						<swiper-item v-for="(item, index) in preview_list" :key="index">
							<view class="swiper-item" :class="'swiper-item' + index" style="height:auto">
								<image style="width: 100%;" :src="getImgSrc(item.url)" mode="widthFix"></image>
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
			<view class="swipertitile">
				<view class="swiper-item productList-N">{{preview_list[current_index].name}}</view>
				<view class="gy text_desc mt5">工艺：{{ preview_list[current_index].machining }}</view>
				<view class="cl text_desc">材料：{{ preview_list[current_index].material }}</view>
			</view>
		</view>

		<!-- <van-popup :show="Incomplete" custom-style="padding:30rpx 30rpx 20rpx 30rpx;border-radius:18rpx;font-size:26rpx;width:76%;" :round="true"  :close-on-click-overlay="true">
			<view class="f16" style="text-align: center;">
				请完善企业资料
			</view>
			<view class="restart" @click="goPage('/pages/Factoryinformation/Factoryinformation')">
				立即完善
			</view>
		</van-popup> -->
		<van-popup :show="ifStatus" round @close="ifStatus = false">
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">您的详细资料{{ address.status == 1 ? '正在审核中' : '未通过审核' }}。</span>
			</p>
			<p class='df ac jc btf1 f16 c10 h48' @tap="ifStatus = false">我知道了</p>
		</van-popup>

		<van-popup :show="show_model" round @close="show_model = false">
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">{{ model_content }}</span>
			</p>
			<p class='df ac jc btf1 f16 c10 h48' @tap="show_model = false">我知道了</p>
		</van-popup>

		<toast :value='showToast' title='微信禁止电脑端小程序上传文件' :ifHtml='true'
			content='1、可将文件发送至“文件传输助手”微信，通过手机上传文件发布。<br/>2、不上传文件发布。后添加微信xtwaixie，平台补充上传图纸文件。' btnText='知道了'
			@change='showToast=false' />
	</view>
</template>
<script>
	import {
		verifyPhoneNumber
	} from "@/utils/util"
	import NavBar from '@/component/nav-bar.vue';
	import Inquiry from '@/component/inquiry.vue'
	import {
		toast
	} from "@/component/toast.vue"
	const http = require('../../utils/http');
	export default {
		components: {
			NavBar,
			Inquiry,
			toast
		},
		data() {
			return {
				is_login: false,
				current_index: 0,
				is_preview: false,
				show_model: false,
				model_content: '',
				ifStatus: false,
				showClientinfo: false,
				showInquiry: false,
				inquiry_info: {
					spare_parts_name: '',
					drawing: [],
					file_name: [],
					is_quotation: 0
				},
				showToast: false,
				poiList: [{
					id: 1,
					iconPath: 'https://cdn.xtwaixie.com/uploads/20241023/172966259367188e81d9230.png',
					width: 35,
					height: 35,
					customCallout: {
						anchorX: 0,
						anchorY: 0,
						display: "ALWAYS" // 常显
					}
				}],
				img_width: 0,
				Incomplete: false,
				join_in: false,
				doorboard: '',
				JIeq: '',
				caijiIMg2: false,
				// logoUrl: '',
				logo: null,
				detailUrl: '/pages/editSettled/editSettled',
				xcxq: false,
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 600,
				id: 0,
				gscp: false,
				show: false,
				showPopup: false,
				img: '/uploads/20240612/171816998866693184c42db.jpg',
				img_path: http.img_path,
				logoUrl: '/uploads/20241023/17296509596718610f4d323.png',
				val: ['', '', '', '', ''],
				info: {},
				employeesNumList: [],
				distance: undefined,
				employeesNum: '',
				companyIntroduction: '',
				processingTechnology: [],
				productList: [],
				equipmentList: [],
				materials: [],
				certificate: [],
				latitude: 0,
				longitude: 0,
				vwidth: 0,
				business_license: '',
				showImg: false,
				service_industry_name: [],
				machining: [],
				clientinfo: [],
				countImg: '',
				fxU: false,
				imageHeight: false,
				heightS: '',
				basicAddress: '',
				basicName: '',
				basicOperName: '',
				basicEconKind: '',
				basicStartDate: "",
				basicRegistCapi: "",
				basicCreditCode: "",
				basicStatus: "",
				basicRecCap: "",
				basicNo: '',
				basicScope: "",
				basicNo: "",
				showS: false,
				staff: "",
				factory_area: "",
				annual_output_value: "",
				province: "",
				city: "",
				detailedAddress: "",
				house_number: '',
				shuiy: '?watermark/1/image/aHR0cDovL3h0d2FpeGllLTEzMTQ4MDk2MjgucGljc2gubXlxY2xvdWQuY29tL3NodWl5aW4yLnBuZw/gravity/southeast/batch/1/degree/315/dissolve/60/scatype/3/spcent/20',
				is_show: false,
				address: null,
				settledStatus: null,
				infos: null,
				caijiIMg: false,
				album_list: [],
				city: '',
				province: '',
				latitude: 0,
				longitude: 0,
				swiperHeight: 0,
				preview_list: [],
				my_latitude: 0,
				my_longitude: 0,
				is_login: true,
				callback: null
			};
		},
		computed: {

			totalNumber() {
				let sum = 0;
				this.equipmentList.forEach(item => {
					sum += parseInt(item.number);
				});
				return sum;
			}
		},
		onShareTimeline() {
			return {
				title: this.val[0],
				query: 'id=' + this.info.id + '&token=' + uni.getStorageSync('token'),
				path: "subPack/factoryDetails/factoryDetails"
			}
		},
		// onShareAppMessage() {
		// 	let imageUrl = this.img_path + this.img;
		// 	let name = this.val[0]
		// 	console.log(this.id);
		// 	let id = this.id
		// 	return {
		// 		title: name,
		// 		path: `/subPack/renovation/renovation?id=${id}`,
		// 		imageUrl: imageUrl,
		// 	};
		// },
		onShareAppMessage() {
			// 	let imageUrl = this.img_path + this.img;
			return {
				title: this.val[0],
				path: "subPack/factoryDetails/factoryDetails?id=" + this.id,
				imageUrl: this.img_path + this.img
			}
		},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload() {
			clearTimeout(this.callback)
		},
		onReady() {

		},
		onLoad(option) {
			setTimeout(() => {
				this.is_show = true
			}, 100)
			this.id = option.id
			this.city = option.city
			this.province = option.province
			this.latitude = option.latitude || uni.getStorageSync('latitude')
			this.longitude = option.longitude || uni.getStorageSync('longitude')

			this.my_latitude = uni.getStorageSync('latitude')
			this.my_longitude = uni.getStorageSync('longitude')
			// this.getUserInfo()
			// this.getBase(option.id)


			// this.openGps()
			const _this = this



		},
		onShow() {
			this.is_login = uni.getStorageSync('token')
			let token = uni.getStorageSync('token')
			// 验证是否登录，是否有手机号
			// this.callback = verifyPhoneNumber()

			// if (!token) {
			// 	uni.showToast({
			// 		title: '您还未登录，请先登录',
			// 		icon: 'none'
			// 	});
			// 	setTimeout(() => {
			// 		uni.navigateTo({
			// 			url: '/pages/login/login'
			// 		});
			// 	}, 1000);
			// 	return;
			// }
			if (token) {
				this.getUserInfo()
			}
			this.getBase(this.id)
			// console.log(111)
			this.xcxq = false;

		},

		methods: {
			goBack() {
				uni.navigateBack({
					delta: 1,
					fail(err) {
						uni.reLaunch({
							url: '/pages/shopping/shopping'
						})
						console.log(err)
					}
				})
			},
			checkType(data) {
				return Array.isArray(data)
			},
			getCurrentSwiperHeight(element) {
				const query = uni.createSelectorQuery().in(this);
				query.select(element).boundingClientRect((data) => {
					this.swiperHeight = data.height
				}).exec();
			},
			previewProduct(index) {
				this.is_preview = true
				this.current_index = index

				setTimeout(() => {
					this.getCurrentSwiperHeight(`.swiper-item${index}`);
				}, 150)

			},
			changeImg(e) {
				this.current_index = e.detail.current
				this.getCurrentSwiperHeight(`.swiper-item${this.current_index}`);
			},
			changeRadio(index) {
				this.inquiry_info.is_quotation = index
			},
			onSubInquiry() {
				if (this.inquiry_info.spare_parts_name.trim() == '') {
					uni.showToast({
						title: "请输入需求说明",
						icon: "none"
					})
					return
				}
				// console.log(file_name)
				// const file_name = this.inquiry_info.file_name.map(item => item.name) || []
				// const file = this.inquiry_info.file_name.map(item => item.url) || []
				http.request('demand/add', {
					user_settled_id: this.info.id,
					source: 1,
					quote_type: this.inquiry_info.is_quotation,
					drawing: this.inquiry_info.drawing,
					file: this.inquiry_info.file_name,
					file_name: [],
					spare_parts_name: this.inquiry_info.spare_parts_name
				}).then(res => {
					// console.log(res)
					let machining_id = ''
					const relation_data = JSON.parse(res.data.relation_data) ?? []
					if (relation_data.machining_id != 'null') {
						const id = JSON.parse(relation_data.machining_id)
						machining_id = id[0]
					}
					// console.log(machining_id)
					http.request('demand/getIp', {
						type: 7,
						id: res.data.user_settled_id
					}).then((rest) => {
						// console.log(rest);
						const info = JSON.stringify(this.inquiry_info)
						const list_info = {
							city: this.city,
							province: this.province,
							latitude: this.latitude,
							longitude: this.longitude
						}

						this.showInquiry = false
						uni.navigateTo({
							url: `/subPack/factoryDetails/sendInquiry?id=${this.info.id}&machining_id=${machining_id}&info=${info}&list_info=${JSON.stringify(list_info)}`
						})
					}).catch((error) => {
						console.log(error);
					});
				}).catch(err => {
					console.log(err)
				})
			},
			showToasts(val) {
				this.showToast = val
			},
			fileName(val) {
				// console.log(val)
				this.inquiry_info.file_name.push(val)
			},
			deletes(data) {
				if (data.name == 'img') {
					this.inquiry_info.drawing.splice(data.index, 1)
				} else {
					this.inquiry_info.file_name.splice(data.index, 1)
				}
			},
			drawing(val) {
				// console.log(val, 'drawing-val')
				this.inquiry_info.drawing.push(val)
			},
			changeName(val) {
				this.inquiry_info.spare_parts_name = val
			},
			inquiry() {
				this.callback = verifyPhoneNumber()
				if (this.callback) return
				// let token = uni.getStorageSync('token')
				// if (!token) {
				// 	uni.showToast({
				// 		title: '您还未登录，请先登录',
				// 		icon: 'none'
				// 	});
				// 	this.callback = setTimeout(() => {
				// 		uni.navigateTo({
				// 			url: '/pages/login/login'
				// 		});
				// 	}, 1000);
				// 	return;
				// }
				// let token = uni.getStorageSync('token')
				// if (!token) {
				// 	this.unLoginToast()
				// 	return
				// }
				if (this.infos.cg_status != 2) {
					if (this.infos.cg_status == 0) {
						uni.showModal({
							// content: '仅限注册采购商询价',
							// confirmText: '去注册',
							content: '仅限注册采购商询价',
							confirmText: '免费注册',
							// content: '你的注册资料正在审核中，请耐心等待。',
							// confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 1) {
						uni.showModal({
							content: '你的注册资料正在审核中，请耐心等待。',
							confirmText: '知道了',
							showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										// url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 3) {
						uni.showModal({
							content: '你的注册资料已驳回。',
							confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					return
				}
				const is_svip = this.info.userInfo.grade === 2 && this.info.userInfo.grade_type === 1
				// if (!is_svip) {
				// 	this.show_model = true
				// 	this.model_content = '该工厂暂未开通此功能'
				// 	return
				// }
				this.showInquiry = true

			},
			collect(relation) {
				this.callback = verifyPhoneNumber()
				if (this.callback) return
				// let token = uni.getStorageSync('token')
				// if (!token) {
				// 	uni.showToast({
				// 		title: '您还未登录，请先登录',
				// 		icon: 'none'
				// 	});
				// 	this.callback = setTimeout(() => {
				// 		uni.navigateTo({
				// 			url: '/pages/login/login'
				// 		});
				// 	}, 1000);
				// 	return;
				// }
				// let token = uni.getStorageSync('token')
				// if (!token) {
				// 	this.unLoginToast()
				// 	return
				// }
				http.request('user/collect', {
					type: 4,
					relation_id: this.info.id,
					operate: relation == 0 ? 1 : 2
				}).then(res => {
					uni.showToast({
						title: res.message.msg,
						icon: 'none'
					})
					this.updata()
				}).catch(err => {
					uni.showToast({
						title: '操作失败！',
						icon: 'none'
					})
				})
			},
			updata() {
				http.request('user/settledInfo', {
					id: this.id
				}).then(res => {
					this.info.relation = res.data.info.detail.relation
					// console.log(this.info.relation, 'this.info.relation')
				})
			},
			onContact() {
				// let token = uni.getStorageSync('token')
				// if (!token) {
				// 	this.unLoginToast()
				// 	return
				// }
				// let token = uni.getStorageSync('token')
				// if (!token) {
				// 	uni.showToast({
				// 		title: '您还未登录，请先登录',
				// 		icon: 'none'
				// 	});
				// 	this.callback = setTimeout(() => {
				// 		uni.navigateTo({
				// 			url: '/pages/login/login'
				// 		});
				// 	}, 1000);
				// 	return;
				// }
				console.log(this.infos?.cg_status)
				this.callback = verifyPhoneNumber()
				if (this.callback) return
				if (this.infos.cg_status != 2) {
					// uni.showModal({
					// 	content: '仅限注册采购商联系',
					// 	confirmText: '去注册',
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					// uni.showModal({
					// 	content:this.infos.cg_status==0?'仅限注册采购商联系':'你的注册资料正在审核中，请耐心等待。',
					// 	confirmText:this.infos.cg_status==0?'去注册':'知道了',
					// 	// content: '你的注册资料正在审核中，请耐心等待。',
					// 	// confirmText: '知道了',
					// 	// showCancel: false,  // 不显示取消按钮
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					if (this.infos.cg_status == 0) {
						uni.showModal({
							// content: '仅限注册采购商询价',
							// confirmText: '去注册',
							content: '仅限注册采购商联系',
							confirmText: '免费注册',
							// content: '你的注册资料正在审核中，请耐心等待。',
							// confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 1) {
						uni.showModal({

							content: '你的注册资料正在审核中，请耐心等待。',
							confirmText: '知道了',
							showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										// url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 3) {
						uni.showModal({
							content: '你的注册资料已驳回。',
							confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					return
				}

				const is_svip = this.info.userInfo.grade === 2 && this.info.userInfo.grade_type === 1
				if (this.info.is_show_mobile != 1 || !is_svip) {
					this.show_model = true;
					this.model_content = '该工厂暂时未授权电话咨询'
					return
				}
				http.request('user/collect', {
					type: 5,
					relation_id: this.info.id,
					operate: 1
				}).then((rest) => {
					console.log(rest);
				})
				http.request('demand/getIp', {
					type: 6,
					id: this.info.id
				}).then((rest) => {
					console.log(rest);
				})

				// console.log(this.info)
				if (this.info.mobile) {
					const that = this
					uni.makePhoneCall({
						phoneNumber: this.info.mobile,
						success(res) {
							// http.request('user/collect', {
							// 	type: 5,
							// 	relation_id: that.info.id,
							// 	operate: 1
							// }).then((rest) => {
							// 	console.log(rest);
							// })


							// http.request('demand/getIp', {
							// 	type: 6,
							// 	id: that.info.id
							// }).then((rest) => {
							// 	console.log(rest);
							// })
						}
					});
				} else {
					uni.showToast({
						title: '未获取到手机号！',
						icon: 'none'
					})
				}
			},
			checkLogin() {
				let token = uni.getStorageSync('token')
				return new Promise((resolve, reject) => {
					token ? resolve() : reject()
				})
			},
			unLoginToast() {
				uni.showToast({
					title: '您还未登录，请先登录',
					icon: 'none'
				});
				this.callback = setTimeout(() => {
					uni.navigateTo({
						url: '/pages/login/login'
					});
				}, 0);
			},
			ClickImage() {
				const token = uni.getStorageSync('token')
				if (!token) {
					this.unLoginToast()
					return
				}
				if (this.infos.cg_status != 2) {
					// uni.showModal({
					// 	content: '仅限注册采购商联系',
					// 	confirmText: '去注册',
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					// uni.showModal({
					// 	content:this.infos.cg_status==0?'仅限注册采购商联系':'你的注册资料正在审核中，请耐心等待。',
					// 	confirmText:this.infos.cg_status==0?'去注册':'知道了',
					// 	// content: '你的注册资料正在审核中，请耐心等待。',
					// 	// confirmText: '知道了',
					// 	// showCancel: false,  // 不显示取消按钮

					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					if (this.infos.cg_status == 0) {
						uni.showModal({
							// content: '仅限注册采购商询价',
							// confirmText: '去注册',
							content: '仅限注册采购商查看',
							confirmText: '免费注册',
							// content: '你的注册资料正在审核中，请耐心等待。',
							// confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 1) {
						uni.showModal({

							content: '你的注册资料正在审核中，请耐心等待。',
							confirmText: '知道了',
							showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										// url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 3) {
						uni.showModal({
							content: '你的注册资料已驳回。',
							confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					return
				}
				uni.previewImage({
					urls: [this.img_path + this.business_license + this.shuiy],
					current: this.img_path + this.business_license + this.shuiy,
					showmenu: false,
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {},
				})
			},
			getUserInfo() {
				const settledInfo = () => {
					http.request('user/settledInfo').then((res) => {
						this.address = res.data.info
						this.settledStatus = res.data.info.settledStatus

						if (!this.is_login) {
							this.infos = res.data.info.userInfo
							res.data.info.userInfo.grade === 0 ? this.join_in = false : this.join_in = true
						}

						if (!this.infos.settledStatus) {
							// console.log(this.infos.settledStatus);
							this.detailUrl = '/pages/editSettled/editSettled'
						} else {
							if (this.address.detail && this.address.detail.status == 2) {
								this.detailUrl = '/pages/companyDetail/companyDetail?id=' + this.infos
									.id
							} else {
								this.detailUrl = '/pages/Factoryinformation/Factoryinformation'
							}
						}
						// if(this.detailUrl != '/pages/companyDetail/companyDetail?id=' + this.infos.id && this.address.status != 1){
						// 	this.Incomplete = true
						// }
					}).catch((res) => {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						});
					});
				}

				if (this.is_login) {
					http.request('user/userInfo').then(rest => {
						this.infos = rest.data.userInfo
						rest.data.userInfo.grade === 0 ? this.join_in = false : this.join_in = true
						this.is_login = true
						settledInfo()
					})
				} else {
					settledInfo()
				}
				// http.request('user/userInfo').then((rest) => {
				// 	this.infos = rest.data.userInfo
				// 	rest.data.userInfo.grade === 0 ? this.join_in = false : this.join_in = true

				// 	http.request('user/settledInfo').then((res) => {
				// 		this.address = res.data.info
				// 		this.settledStatus = res.data.info.settledStatus
				// 		if (!this.infos.settledStatus) {
				// 			console.log(this.infos.settledStatus);
				// 			this.detailUrl = '/pages/editSettled/editSettled'
				// 		} else {
				// 			if (this.address.detail && this.address.detail.status == 2) {
				// 				this.detailUrl = '/pages/companyDetail/companyDetail?id=' + this.infos
				// 					.id
				// 			} else {
				// 				this.detailUrl = '/pages/Factoryinformation/Factoryinformation'
				// 			}
				// 		}
				// 		// if(this.detailUrl != '/pages/companyDetail/companyDetail?id=' + this.infos.id && this.address.status != 1){
				// 		// 	this.Incomplete = true
				// 		// }
				// 	}).catch((res) => {
				// 		uni.showToast({
				// 			title: res.msg,
				// 			icon: 'none'
				// 		});
				// 	});
				// }).catch((res) => {
				// 	uni.showToast({
				// 		title: res.message,
				// 		icon: 'none'
				// 	});
				// });
			},
			toggleS() {
				let token = uni.getStorageSync('token')
				if (!token) {
					this.unLoginToast()
					return
				}
				if (this.infos.cg_status === 2) {
					this.showS = true
				} else {
					// uni.showModal({
					// 	// title: '提示',
					// 	content: '仅限注册采购商查看',
					// 	confirmText: '去注册',
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					// uni.showModal({
					// 	content:this.infos.cg_status==0?'仅限注册采购商查看':'你的注册资料正在审核中，请耐心等待。',
					// 	confirmText:this.infos.cg_status==0?'去注册':'知道了',
					// 	// content: '你的注册资料正在审核中，请耐心等待。',
					// 	// confirmText: '知道了',
					// 	// showCancel: false,  // 不显示取消按钮
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					if (this.infos.cg_status == 0) {
						uni.showModal({
							// content: '仅限注册采购商询价',
							// confirmText: '去注册',
							content: '仅限注册采购商查看',
							confirmText: '免费注册',
							// content: '你的注册资料正在审核中，请耐心等待。',
							// confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 1) {
						uni.showModal({

							content: '你的注册资料正在审核中，请耐心等待。',
							confirmText: '知道了',
							showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										// url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 3) {
						uni.showModal({
							content: '你的注册资料已驳回。',
							confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
				}


			},
			previewImg(url, index) {
				// console.log(url)
				const urls = this.productList.map(item => this.img_path + item.url)
				// console.log(urls)
				// uni.previewImage({
				// 	current: index,
				// 	urls: urls,
				// })
			},
			openGps() {
				let system = uni.getSystemInfoSync(); // 获取系统信息
				if (system.platform === 'android') { // 判断平台
					var context = plus.android.importClass("android.content.Context");
					var locationManager = plus.android.importClass("android.location.LocationManager");
					var main = plus.android.runtimeMainActivity();
					var mainSvr = main.getSystemService(context.LOCATION_SERVICE);
					if (!mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)) {
						uni.showModal({
							title: '提示',
							content: '请打开定位服务功能',
							showCancel: false, // 不显示取消按钮
							success() {
								var Intent = plus.android.importClass('android.content.Intent');
								var Settings = plus.android.importClass('android.provider.Settings');
								var intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
								main.startActivity(intent); // 打开系统设置GPS服务页面
							}
						});
					}
				} else if (system.platform === 'ios') {
					var cllocationManger = plus.ios.import("CLLocationManager");
					var enable = cllocationManger.locationServicesEnabled();
					var status = cllocationManger.authorizationStatus();
					plus.ios.deleteObject(cllocationManger);
					console.log("手机系统的定位没有打开");
					uni.showModal({
						title: '提示',
						content: '请打开定位服务功能',
						showCancel: false, // 不显示取消按钮
						success() {
							var UIApplication = plus.ios.import("UIApplication");
							var application2 = UIApplication.sharedApplication();
							var NSURL2 = plus.ios.import("NSURL");
							var setting2 = NSURL2.URLWithString("App-Prefs:root=Privacy&path=LOCATION");
							application2.openURL(setting2);
							plus.ios.deleteObject(setting2);
							plus.ios.deleteObject(NSURL2);
							plus.ios.deleteObject(application2);
						}
					});
				}
			},
			viewCts() {
				if (!this.clientinfo && this.clientinfo.length == 0) {
					return
				}
				let token = uni.getStorageSync('token')
				if (!token) {
					// console.log('111111111111')
					this.unLoginToast()
					return
				}

				if (this.infos.cg_status === 2) {
					this.showClientinfo = true
				} else {
					// uni.showModal({
					// 	content: '仅限注册采购商查看',
					// 	confirmText: '去注册',
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					// uni.showModal({
					// 	content:this.infos.cg_status==0?'仅限注册采购商查看':'你的注册资料正在审核中，请耐心等待。',
					// 	confirmText:this.infos.cg_status==0?'去注册':'知道了',
					// 	// content: '你的注册资料正在审核中，请耐心等待。',
					// 	// confirmText: '知道了',
					// 	// showCancel: false,  // 不显示取消按钮
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					if (this.infos.cg_status == 0) {
						uni.showModal({
							// content: '仅限注册采购商询价',
							// confirmText: '去注册',
							content: '仅限注册采购商查看',
							confirmText: '免费注册',
							// content: '你的注册资料正在审核中，请耐心等待。',
							// confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 1) {
						uni.showModal({

							content: '你的注册资料正在审核中，请耐心等待。',
							confirmText: '知道了',
							showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										// url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 3) {
						uni.showModal({
							content: '你的注册资料已驳回。',
							confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
				}
			},
			openPopup() {
				// console.log(this.info)
				// let token = uni.getStorageSync('token')
				// // console.log(token)
				// if (!token) {
				// 	// console.log(1111111)
				// 	this.unLoginToast()
				// 	return
				// }
				this.callback = verifyPhoneNumber()
				if (this.callback) return
				if (this.infos.cg_status === 2) {
					// this.showS = true
					this.showPopup = true
				} else {
					// uni.showModal({
					// 	content: '仅限注册采购商查看',
					// 	confirmText: '去注册',
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					// uni.showModal({
					// 	content:this.infos.cg_status==0?'仅限注册采购商查看':'你的注册资料正在审核中，请耐心等待。',
					// 	confirmText:this.infos.cg_status==0?'去注册':'知道了',
					// 	// content: '你的注册资料正在审核中，请耐心等待。',
					// 	// confirmText: '知道了',
					// 	// showCancel: false,  // 不显示取消按钮
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url: '/pages/my/editInfo'
					// 			})
					// 		}
					// 	}
					// })
					if (this.infos.cg_status == 0) {
						uni.showModal({
							// content: '仅限注册采购商询价',
							// confirmText: '去注册',
							content: '仅限注册采购商查看',
							confirmText: '免费注册',
							// content: '你的注册资料正在审核中，请耐心等待。',
							// confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 1) {
						uni.showModal({

							content: '你的注册资料正在审核中，请耐心等待。',
							confirmText: '知道了',
							showCancel: false, // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										// url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
					if (this.infos.cg_status == 3) {
						uni.showModal({
							content: '你的注册资料已驳回。',
							confirmText: '知道了',
							// showCancel: false,  // 不显示取消按钮
							success(res) {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages/my/editInfo'
									})
								}
							}
						})
					}
				}
			},
			closePopup() {
				this.showPopup = false;
				this.showClientinfo = false;
			},
			look(item) {
				uni.previewImage({
					urls: [this.img_path + item.url]
				})
			},
			getBase(id) {
				http.request('user/configData').then((res) => {
					this.setData({
						bese_info: res.data
					});
					const {
						order_type,
						account_period_range,
						staff,
						annual_output_value,
						factory_area,
						material,
						qualification
					} = res.data
					// this.typeList = order_type
					// this.periodList = account_period_range
					this.employeesNumList = staff
					// this.yearNumList = annual_output_value
					// this.areaNumList = factory_area
					// this.materialList = material
					// this.qualification = qualification

					if (this.my_longitude && this.my_latitude) {
						this.getInfo(id)
					} else {
						const that = this
						uni.getLocation({
							isHighAccuracy: true,
							type: 'gcj02',
							success(rest) {
								const {
									latitude,
									longitude
								} = rest;
								that.my_latitude = latitude;
								that.my_longitude = longitude;
								uni.setStorageSync('latitude', latitude);
								uni.setStorageSync('longitude', longitude);

								that.getInfo(id)
							},
							fail(err) {
								console.error('Failed to get location:', err);
							}
						});
					}
				}).catch((res) => {
					uni.showToast({
						title: res.message,
						icon: 'none'
					});
				});
			},
			getDistances(lat1, lng1) {
				let EARTH_RADIUS = 6378.137; // 地球半径
				let radLat1 = lat1 * Math.PI / 180.0; //lat1 * Math.PI / 180.0=>弧度计算
				let radLat2 = this.latitude * Math.PI / 180.0;
				let a = radLat1 - radLat2;
				let b = lng1 * Math.PI / 180.0 - this.longitude * Math.PI / 180.0;
				let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math
					.pow(Math.sin(b / 2), 2)));
				s = s * EARTH_RADIUS;
				s = Math.round(s * 10000) / 10000; // 输出为公里
				return {
					m: s * 1000,
					km: Number(s.toFixed(2))
				}
			},
			getSetting() {
				const token = uni.getStorageSync('token')
				if (!token) {
					uni.showToast({
						title: '您还未登录，请先登录',
						icon: 'none'
					});
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/login/login'
						});
					}, 0);
					return
				}
				const _this = this
				uni.getSetting({
					success(res) {
						if (!res.authSetting['scope.userLocation']) {
							uni.authorize({
								scope: 'scope.userLocation',
								success() {
									_this.getLocation()
								},
								fail() {
									uni.showModal({
										title: '请求授权当前位置',
										content: '需要获取您的地理位置，请确认授权',
										success(res) {
											if (res.cancel) {
												//用户拒绝授权
												return uni.showToast({
													title: '拒绝授权获取地址信息',
													icon: 'none'
												});
											} else if (res.confirm) {
												uni.openSetting({
													success(res) {
														// console.log(res)
														if (res.authSetting[
																'scope.userLocation']) {
															_this.getLocation()
														} else {
															return uni.showToast({
																title: '拒绝授权获取地址信息',
																icon: 'none'
															});
														}
													},
													fail() {
														// console.log(111)
														return uni.showToast({
															title: '拒绝授权获取地址信息',
															icon: 'none'
														});
													}
												})
											}
										}
									})
								}
							})
						} else {
							_this.getLocation()
						}
					}
				})
			},
			getLocation() {
				let that = this;
				if (that.distance === undefined) {
					uni.getLocation({
						type: 'gcj02',
						success(res) {
							// console.log(res);
							that.distance = that.getDistances(res.latitude, res.longitude).km
							if (that.latitude) {
								// console.log(that.latitude);
								uni.openLocation({
									latitude: parseFloat(that.latitude),
									longitude: parseFloat(that.longitude),
									name: that.val[0], // 可以指定标记名称
									address: that.val[4],
									scale: 18
								})
							}
						},
						fail(err) {
							console.log(err);
						}
					});
				} else if (that.latitude) {
					uni.openLocation({
						latitude: parseFloat(that.latitude),
						longitude: parseFloat(that.longitude),
						name: that.val[0], // 可以指定标记名称  
						address: that.val[4],
						scale: 18,
						success: function() {
							console.log('success');
						},
						fail(err) {
							console.log(err);
						}
					})
				}
			},
			getInfo(id) {
				http.request('user/settledInfo', {
					id,
					longitude: this.my_longitude,
					latitude: this.my_latitude
				}).then((res) => {
					this.logo = res.data.info.detail.logo
					this.doorboard = res.data.info.detail.doorboard
					let data = res.data.info

					let status = !!data.detail
					let jsonObject = JSON.parse(data.basic)
					// console.log(data.introduction,'data.introduction')
					// console.log(status)
					if (!data.unit) {
						data.unit = "公里"
						// 超过一百公里
						if (data.distance_in_km >= 100) {
							data.distance_in_km = parseInt(data.distance_in_km)
						} else if (data.distance_in_km >= 1 && data.distance_in_km < 100) {
							// 大于一公里小于100公里
							data.distance_in_km = (data.distance_in_km).toFixed(1)
						} else {
							data.distance_in_km = parseInt(data.distance_in_km * 1000)
							data.unit = "米"
						}
					}


					if (status) {
						data = {
							...data,
							...data.detail,
							id: res.data.info.id
						}

						if (jsonObject) {
							this.basicName = jsonObject.Name
							this.basicResult = jsonObject.Result
							this.basicAddress = jsonObject.Address
							this.basicOperName = jsonObject.OperName
							this.basicEconKind = jsonObject.EconKind
							this.basicStartDate = jsonObject.StartDate
							this.basicRegistCapi = jsonObject.RegistCapi
							this.basicCreditCode = jsonObject.CreditCode
							this.basicStatus = jsonObject.Status
							this.basicRecCap = jsonObject.RecCap
							this.basicScope = jsonObject.Scope
							this.basicNo = jsonObject.basicNo
						}
					}

					let staff = this.employeesNumList.filter(item => item.value == data.staff)
					this.employeesNum = staff.length == 0 ? '' : staff[0].text
					if (data.doorboard) {
						this.img = data.doorboard
					} else if (data.logo) {
						this.img = data.logo
					} else if (data.company_environment && data.company_environment.length > 0) {
						this.img = data.company_environment[0]
					} else if (data.equipment_img && data.equipment_img.length > 0) {
						this.img = data.equipment_img[0]
					}
					const addToAlbumList = (data, key, name) => {

						if (data[key] && data[key].length !== 0) {
							data[key].forEach(item => {
								this.album_list.push({
									name: name,
									url: item
								});
							});
						}
						// console.log(this.album_list)
					}
					addToAlbumList(data, 'equipment_img', '设备展示');
					addToAlbumList(data, 'company_environment', '车间展示');
					addToAlbumList(data, 'other_img', '其他');
					console.log(data.clientinfo, "data.machining")
					let clientinfo = []
					if (data.clientinfo) {
						clientinfo = data.clientinfo.filter(item => item.name != '')
					}
					// this.album_list = [...data.equipment_img,...data.company_environment]
					// console.log(this.album_list, 'this.album_list')
					// console.log(data.introduction,'data.introduction')
					this.companyIntroduction = data.introduction
					this.processingTechnology = data.machining
					this.business_license = data.business_license
					this.productList = data.products || []
					this.equipmentList = data.equipment || []
					this.materials = data.infoName.processing_materials
					this.service_industry_name = data.infoName.service_industry_name
					this.certificate = data.infoName.qualification
					this.latitude = data.latitude
					this.longitude = data.longitude

					this.machining = data.machining
					// this.clientinfo = data.clientinfo ? data.clientinfo : []
					this.clientinfo = clientinfo
					this.countImg = data.images_count
					this.factory_area = data.infoName.factory_area
					this.annual_output_value = data.infoName.annual_output_value
					this.staff = data.infoName.staff
					this.province = data.province
					this.city = data.city
					this.house_number = data.house_number

					this.poiList[0].latitude = data.latitude
					this.poiList[0].longitude = data.longitude
					// this.machiningList = data.machining_id
					// this.typeChecked = data.order_type
					// this.orderType = data.infoName.order_type.join('、')
					// this.yearNum = this.yearNumList.map(item=>item.value).indexOf(data.annual_output_value)
					// this.areaNum = this.areaNumList.map(item=>item.value).indexOf(data.factory_area)
					// this.periodChecked = data.account_period_range
					// this.accountingPeriod = data.infoName.account_period_range.join('、')
					// this.exportRights = data.import_export_power
					// this.certificateChecked = data.qualification_id
					// this.serviceIndustry = data.service_industry
					if (data.latitude) {
						let that = this
						that.distance = undefined
						uni.getLocation({
							type: 'gcj02',
							success: (res) => {
								console.log(res, 'res')
								that.distance = that.getDistances(res.latitude, res.longitude).km
							}
						})
					}
					if (data.latitude == '' && data.latitude == '') {
						const that = this
						uni.getLocation({
							type: 'gcj02',
							success: (res) => {
								that.latitude = res.latitude
								that.longitude = res.longitude

								that.poiList[0].latitude = res.latitude
								that.poiList[0].longitude = res.longitude
							}
						})
					}
					// console.log(data.company,'1111')
					if (data.company) {
						this.setData({
							[`val[0]`]: data.company,
							[`val[1]`]: data.business_license,
							[`val[2]`]: data.person,
							[`val[3]`]: data.mobile,
							[`val[4]`]: data.address,
							['area[0]']: data.province,
							['area[1]']: data.city,
						});
					}
					this.setData({
						info: data
					});
					let nameList = []
					this.productList.forEach((item, index) => {
						if (typeof item.url == 'string' && item.url[0] != '[') {
							item.url = [item.url]
						} else {
							item.url = JSON.parse(item.url)
						}
						this.preview_list.push({
							url: Array.isArray(item.url) ? item.url[0] : item.url,
							name: item.name,
							machining: item.machining,
							material: item.material
						})
					})


				}).catch((res) => {
					uni.showToast({
						title: res.msg,
						icon: 'none'
					});
				});
			},
			uploadQyImg() {
				uni.navigateTo({
					url: '/subPack/renovation/enterpriseAlbum?album=' + JSON.stringify(this.album_list),
				})
			},
			goPage(url, id, uid) {
				// this.callback = verifyPhoneNumber()
				// if(this.callback) return
				console.log(url, id)

				if (url === '/subPack/product/product-details' || url == '/subPack/companyAlbum/companyAlbum' || url ==
					'/subPack/product/externalProduct') {
					if (url == '/subPack/companyAlbum/companyAlbum') {
						this.callback = verifyPhoneNumber()
						if (this.callback) return
					}
					if(this.is_login) {
						if (this.infos?.cg_status != 2) {
							if (this.infos?.cg_status == 0) {
								uni.showModal({
									// content: '仅限注册采购商询价',
									// confirmText: '去注册',
									content: '仅限注册采购商查看',
									confirmText: '免费注册',
									// content: '你的注册资料正在审核中，请耐心等待。',
									// confirmText: '知道了',
									// showCancel: false,  // 不显示取消按钮
									success(res) {
										if (res.confirm) {
											uni.navigateTo({
												url: '/pages/my/editInfo'
											})
										}
									}
								})
							}
							if (this.infos.cg_status == 1) {
								uni.showModal({
						
									content: '你的注册资料正在审核中，请耐心等待。',
									confirmText: '知道了',
									showCancel: false, // 不显示取消按钮
									success(res) {
										if (res.confirm) {
											uni.navigateTo({
												// url: '/pages/my/editInfo'
											})
										}
									}
								})
							}
							if (this.infos.cg_status == 3) {
								uni.showModal({
									content: '你的注册资料已驳回。',
									confirmText: '知道了',
									// showCancel: false,  // 不显示取消按钮
									success(res) {
										if (res.confirm) {
											uni.navigateTo({
												url: '/pages/my/editInfo'
											})
										}
									}
								})
						
							}
							return
						}
					}
				}
				if (url == '/subPack/companyAlbum/companyAlbum') {
					this.callback = verifyPhoneNumber(false, false)
					if (this.callback) {
						uni.navigateTo({
							url: `/pages/my/editInfo`
						})
					}
					this.album_list = []
					// let token = uni.getStorageSync('token')
					// if (!token) {
					// 	this.unLoginToast()
					// 	return
					// }
				}

				if (url == '/subPack/product/externalProduct') {
					// this.callback = verifyPhoneNumber(false, false)
					// if (this.callback) {
					// 	uni.navigateTo({
					// 		url: `/pages/my/editInfo`
					// 	})
					// }
				}
				if (url === '/subPack/product/product-details') {
					uni.navigateTo({
						url: `${url}?id=${id}&uid=${uid}`
					})
					return
				}
				uni.navigateTo({
					url: id ? url + '?id=' + id : url,
				})
			},
			getIp() {
				http.request('demand/getIp', {
					type: 12,

				}).then((rest) => {

				}).catch((error) => {
					console.log(error);
				});
			},
			// 登录判断是否跳转login页
			isLoginIphone() {
				// 跳转到登录页面
				uni.navigateTo({
					url: '/pages/login/login'
				});
			},


		},

	}
</script>
<style lang="scss">
	.share {
		padding: 0;

	}

	.preview_box {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #000;
		z-index: 999;

		.preview_item {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: auto;
			transform: translateY(-50%);
		}
	}

	.nav_bom {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		box-shadow: 1px 16px 12px 12px grey;

		.btn_bom {
			height: 85rpx;
			border-radius: 50rpx;
			box-sizing: border-box;
		}

		.btn_bom1 {
			width: 240rpx;
			background: #E83224;
		}

		.btn_bom2 {
			width: 220rpx;
			background: #0F50C6;
		}
	}

	.detailedness_box {
		position: relative;
	}

	.album_list_box {
		width: 100%;
		overflow: auto;

		.album_list_item {
			border-radius: 10rpx;
			overflow: hidden;
			position: relative;
		}

		.album_list_name {
			position: absolute;
			top: 10rpx;
			left: 10rpx;
			padding: 10rpx 12rpx;
			border-radius: 10rpx;
			background-color: rgba(255, 255, 255, 0.5);
		}
	}

	.logoUrl {
		width: 120rpx;
		height: 120rpx;
		background-color: #D2D2D2;
		border-radius: 12rpx;
		position: relative;
		overflow: hidden;

		.image_logo {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.sc_logo {
			position: absolute;
			bottom: 0rpx;
			left: 0rpx;
			width: 100%;
			background: rgba(0, 0, 0, 0.5);
			color: #Fff;
			padding: 8rpx 0rpx;
			text-align: center;
		}
	}

	.CQbutton {
		display: flex;
		justify-content: space-around;

		button {
			color: white;
			background: none;
		}
	}

	.detailedness_box_after {
		position: absolute;
		top: 0;
		left: -10%;
		// height:270%;
		height: 200%;
		width: 120%;
		background: rgba(0, 0, 0, 0.8);
		// z-index: 99;
		font-weight: bold;
		font-size: 30rpx;
		display: flex;
		// align-items: center;
		justify-content: center;
		padding-top: 50%;
	}

	.van-action-sheet__header {
		position: fixed;
		width: 100%;
		background: white;
		border-radius: 30rpx 30rpx 0 0;
	}

	.sanDeng {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.BusiN-t {
		display: flex;
		text-align: center;
		font-size: 13px;
		line-height: 30px;
		width: 100%;
		border-top: 1px solid gainsboro;

		.Busi-left {
			background-color: #cef6fc;
			width: 34%;
			border-right: 1px solid gainsboro;
		}

		.Busi-right {
			width: 64%;
			padding: 0 1%;
		}
	}

	.Business-Infor {
		font-size: 12px;
		text-align: center;

		>view {
			display: flex;
			line-height: 30px;
			border-top: 1px solid gainsboro;
		}

		.Business-Miao {
			width: 68%;
			padding: 0 1%;
			border-left: 1px solid gainsboro;
			border-right: 1px solid gainsboro;
		}

		.Business-title {
			width: 30%;
			border-left: 1px solid gainsboro;
		}
	}

	.Business-view {
		text-align: center;
		padding: 10px 10px;
		font-size: 12px;
		color: #1050c7;
		margin-bottom: 40rpx;
	}

	.Dingw {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 22rpx;
		width: 140rpx;
		height: 50rpx;
		background: url('https://wx.xtwaixie.com/img/radius_blue.png');
		background-size: 100%;
		background-position: center;
	}

	.titlImg {
		width: 100%;
		height: auto;
		margin: 0 auto;
		height: 465rpx;
		background: #66666657;
		// image {
		// 	width: 100%;
		// }
		position: relative;

		.titlImg_center {
			width: 80%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: #fff;
			justify-content: center;
			text-align: center;
		}

		.titlImg_up {
			position: absolute;
			top: 30rpx;
			right: 30rpx;
			background-color: $xt-primary;
			color: #FFF;
			padding: 12rpx 15rpx;
			border-radius: 10rpx;
		}
	}

	.album_list {
		margin-top: 20rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.al_item {
			width: 48%;
			height: 220rpx;
			border: 2rpx solid rgba(0, 0, 0, 0.05);
			margin-bottom: 20rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.Gao {
		margin: 0% 0 0 10%;
		width: 80% !important;
	}

	.Kuan {
		margin: 10% 0%;
	}

	.swipertitile {
		position: absolute;
		bottom: 150rpx;
		left: 30rpx;
		color: #fff;
	}

	.zjt {
		position: absolute;
		top: 48%;
		width: 15px;
		height: 15px;
		right: 20%;
	}

	.join_year {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30rpx;
		line-height: 30rpx;
		color: #404E64;
		background: linear-gradient(to right, #FDE59B, #FDDD8B, #FBB740);
	}

	.SlideDetails {
		width: 20px;
		padding: 100px 50px 0;
		background: white;
	}

	.productList-N {
		background-color: gray;
		padding: 4px 8px;
		border-radius: 8px 8px;
		margin-left: 10px;
		text-align: center;
		display: inline;
	}

	.gy {
		margin-left: 10px;
		line-height: 40px;
	}

	.cl {
		margin-left: 10px;
	}

	.uni-margin-wrap {
		padding: 20% 0 20% 0;
		height: 80%;

		.swiper {
			height: 100%;
		}

		image {
			width: 100%;
			height: 80%;
			object-fit: cover;
		}

		view {
			color: white;
		}
	}

	.fxBox {
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.3);
		position: fixed;
		top: 0;
		z-index: 111;

		.fxBoxT {
			width: 200px;
			background-color: white;
			left: 20%;
			top: 36%;
			position: relative;
			border-radius: 10px 10px;
			padding: 20px 20px;
		}

		.bottomB {
			width: 100%;
			display: flex;
			color: black;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			margin-top: 20px;

			view {
				width: 50%;
			}

			>view:last-child {
				color: #066EB5;
			}
		}

		.Fxtext {
			font-size: 20px;
			font-weight: bold;
		}

		.fxuser {
			width: 40px;
			height: 40px;
			margin: 20px 20px 20px 0;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.imgCount {
		position: absolute;
		bottom: 25%;
		right: 4%;
		text-align: center;
		color: white;
		z-index: 1;
		margin-bottom: 4px;

		img {
			width: 24px;
			height: 24px;
		}
	}

	.fxImg {
		bottom: 0%;

		img {
			width: 28px;
			height: 28px;
		}
	}

	.DEtailimg {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.4);
		position: fixed;
		top: 0;
		z-index: 111;

		>view {
			margin: 50% 0px 0px 0px;
		}

		image {
			width: 100%;
		}
	}

	.product {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 1);
		position: fixed;
		top: 0;
		z-index: 111;
	}

	.xPopupTitle {
		font-weight: bold;
		font-size: 32rpx;
		text-align: center;
		padding: 30rpx 0 30rpx;
	}

	.text_desc {
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.companyDetail {
		line-height: 1;
		background: #F1F1F1;

		.popup_con {
			padding: 30rpx;
			min-height: 600rpx;

			.xPopupTitle {
				font-weight: bold;
				font-size: 32rpx;
				text-align: center;
				padding: 30rpx 0 30rpx;
			}

			.pc_item {
				margin-bottom: 30rpx;
			}

			.pci_title {
				font-size: 28rpx;
				font-weight: bold;
			}

			.pci_desc {
				margin-top: 20rpx;
				display: flex;

				&>view {
					width: 25%;
					text-align: center;
				}

				&>view:first-child {
					width: 40%;
				}

				.item {
					margin: 0 10rpx;
					margin-top: 10rpx;
					height: 51rpx;
					line-height: 51rpx;
					background: #EFF8FF;
					border-radius: 26rpx 26rpx 26rpx 26rpx;
					font-size: 25rpx;
					color: #066EB5;
				}
			}
		}

		.companyImg {
			width: 100%;
			height: auto;
			position: relative;
			overflow: hidden;

			// background: black;
			.leftSliding {
				width: 200rpx;
				height: 90%;
				position: absolute;
				right: -140rpx;
				top: 50%;
				transform: translateY(-50%);
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: center;
				background: rgba(255, 255, 255, 0.5);
				border-radius: 50%;
				padding-left: 10rpx;
				font-size: 26rpx;

				image {
					width: 60rpx;
					height: auto;
					display: block;
				}
			}
		}

		.processingTechnology {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			padding-top: 10rpx;

			.processingTechnology_list {
				display: flex;
				flex-wrap: wrap;
				flex: 1;
			}

			.arrow_right {
				width: 50rpx;
				margin-top: 20rpx;
			}

			.processingTechnology_item {
				margin-right: 20rpx;
				padding: 0 20rpx;
				margin-top: 10rpx;
				height: 51rpx;
				line-height: 51rpx;
				background: #EFF8FF;
				border-radius: 26rpx 26rpx 26rpx 26rpx;
				font-size: 25rpx;
				color: #066EB5;
			}
		}

		.detailedness {
			box-sizing: border-box;
			padding: 0 30rpx;
			background-color: #FFF;

			.detailednessBox {
				padding: 30rpx 0;
				border-bottom: 1rpx solid #F1F1F1;

				.detailednessTitle {
					display: flex;
					align-items: center;

					image {
						width: 30rpx;
						height: auto;
						margin-right: 15rpx;
					}

					view {
						font-size: 28rpx;
						color: #707070;
						font-weight: bold;
					}
				}
			}
		}

		.companyProduct {
			box-sizing: border-box;
			padding: 30rpx;
			background-color: #FFF;
			padding-bottom: 0;

			// margin-bottom: 10rpx;
			.companyProductTitle {
				font-size: 28rpx;
				color: #333333;
				font-weight: bold;
				margin-bottom: 15rpx;
			}

			view::-webkit-scrollbar {
				display: none;
			}

			.companyProductBox {
				padding-top: 10rpx;
				padding-left: 10rpx;
				display: flex;
				flex-wrap: wrap;
				// justify-content: space-between;
				// border-bottom:1px solid #F1F1F1;
				position: relative;

				&>view {
					margin-right: 30rpx;
					margin-bottom: 8rpx;
					border-radius: 8rpx;
					width: 300rpx;
					box-sizing: border-box;
					border: 2rpx solid rgba(0, 0, 0, 0.05);
					padding: 15rpx 15rpx 0rpx 15rpx;
					box-shadow: 0 0 10rpx 1rpx rgba(0, 0, 0, 0.4);

					image {
						border-radius: 8rpx;
						// width: 307.5rpx;
						width: 100%;
						height: 307.5rpx;
					}

					.text_con {
						padding: 15rpx;
						box-sizing: border-box;

						.text_con_title {
							font-size: 30rpx;
							// text-align: center;
							white-space: nowrap;
							overflow: hidden;
							color: #000;
							text-overflow: ellipsis;
						}

						.text_desc {
							width: 100%;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}

					view {
						font-size: 26rpx;
						color: #333333;
						line-height: 1.5;
					}
				}
			}
		}

		.companyComponents {
			display: flex;
			align-items: center;

			>view:first-child {
				width: 8rpx;
				height: 24rpx;
				background: #EC8425;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				margin-right: 15rpx;
			}

			>view:last-child {
				font-size: 28rpx;
				color: #333333;
				font-weight: bold;
			}
		}

		.detailedness_btn {
			display: block;
			width: 80px;
			height: 30px;
			background-color: rgb(16, 81, 199);
			border-radius: 10px;
			text-align: center;
			line-height: 30px;
			margin: 20px auto;
			// position: absolute;

		}

		.companyIntro {
			box-sizing: border-box;
			padding: 30rpx;
			background-color: #FFF;
			margin-bottom: 10rpx;

			.companyCompanyIntroduction {
				margin-top: 20rpx;
				font-size: 28rpx;
				color: #707070;
				line-height: 1.5;
				margin-bottom: 40rpx;
			}

			.companyCompanyIntroduction .text-ellipsis {
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}

		.map_top {
			position: absolute;
			top: 30rpx;
			width: calc(100% - 60rpx);
			left: 50%;
			transform: translateX(-50%);
			height: 150px;
			background-color: rgba(0, 0, 0, 0);
			z-index: 99;
		}

		.lookMap {
			position: absolute;
			right: 20rpx;
			bottom: 20rpx;
			padding: 10rpx 15rpx;
			border-radius: 15rpx;
			background-color: #1050c7;
			z-index: 999;
		}

		.companyBox {
			box-sizing: border-box;
			padding: 30rpx;
			display: flex;
			align-items: center;
			// justify-content: space-between;
			background-color: #FFF;
			// margin-bottom: 10rpx;
			// margin-top:-20rpx;

			border-radius: 20rpx 20rpx 0rpx 0rpx;

			// align-items: start;
			// position: relative;
			.bus_license {
				width: 100rpx;
				height: 100rpx;
				// position: absolute;
				// right: 0rpx;
				// text-align: center;
				justify-content: center;
				display: flex;
				align-items: center;

				// top: 0rpx;
				image {
					width: 80%;
					height: 80%;
				}
			}

			image {
				width: 120rpx;
				height: 120rpx;
				// margin-right: 10px;
				border-radius: 16rpx;
			}

			view {

				// width: 550rpx;
				.companyName {
					height: 65rpx;
					// overflow: hidden;
					font-weight: bold;
					font-size: 31rpx;
					color: #000000;
					line-height: 65rpx;
				}

				.companyName2 {
					height: 65rpx;
					// overflow: hidden;
					font-weight: bold;
					font-size: 31rpx;
					color: #000000;
					// line-height: 65rpx;
				}

				.companyParticulars {
					font-size: 27rpx;
					color: #9C9C9C;
					line-height: 1.5;
					margin-top: 10rpx;
					display: flex;
					flex-wrap: wrap;
				}
			}
		}
	}

	.joinBtn {
		width: 230rpx;
		margin: 100rpx auto 0;
		padding: 20rpx 20rpx;
		text-align: center;
		color: #fff;
		background-color: $xt-primary;
		border-radius: 10rpx;
	}

	.caiJ {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		background: black;
		z-index: 99999;
	}

	.upload_pic {
		background-color: $xt-primary;
		border-radius: 8rpx;
		color: #fff;
		padding: 10rpx 15rpx;
	}

	.upload_pic_box {
		margin-top: 15rpx;
		color: $xt-primary;
		border: 1px dashed $xt-primary;
		padding: 100rpx 0rpx 70rpx;
		border-radius: 15rpx;
	}

	.other_upload_pic {
		margin-top: 15rpx;

	}

	.processingTechnology_item {
		margin-right: 20rpx;
		padding: 0 20rpx;
		margin-top: 10rpx;
		height: 51rpx;
		line-height: 51rpx;
		background: #EFF8FF;
		border-radius: 26rpx 26rpx 26rpx 26rpx;
		font-size: 25rpx;
		color: #066EB5;
	}
</style>